$text_color: #1a1a1a;
$hint_color: #999;
$title_color: #333;
$detail_color: #666;
$primary_color: #3baefe;
$price_color: #ff6f6f;
$border_color: #e6e6e6;
// 背景图片地址和大小
@mixin bg-image($url){
	background-image: url($url + "@2x.png");
  	@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
  		background-image: url($url + "@3x.png")
  	}
  	background-repeat: no-repeat;
	background-size: 100% 100%;
}
 
@mixin borderRadius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}
//定位全屏
@mixin allcover{
	position:absolute;
	top:0;
	right:0;
}

@mixin border-bottom-1px($color){
	position: relative;
	  &:after{
	  	display: block;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    border-top: 1px solid $color ;
	    content: ' '	
	  }
}
 
 @mixin border-1px($color){
 	border: 1px solid $color;
}
 // 超出显示省略号
 @mixin ellipsis($row){
 	position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: $row;
    -webkit-box-orient: vertical;
    word-break: break-all;
 }
//定位上下左右居中
@mixin center {  
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下居中
@mixin ct {  
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//定位上下居中
@mixin cl {  
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

//宽高
@mixin wh($width, $height){
	width: $width;
	height: $height;
}


//字体大小，颜色
@mixin sc($size, $color){
	font-size: $size;
	color: $color;
}

//flex 布局和 子元素 对其方式
@mixin fj($type: space-between){
	display: flex;
	justify-content: $type;

}